{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "<!--BOOK_INFORMATION-->\n",
    "<a href=\"https://user-images.githubusercontent.com/19553554/71825144-2d568180-30d6-11ea-8ee0-63c849cfd934.png\" target=\"_blank\"><img align=\"left\" style=\"width: 76px; height: 100px; background: white; padding: 1px; border: 1px solid black; margin-right:10px;\"></a>\n",
    "*pyecharts 是一个用于生成 Echarts 图表的类库。Echarts 是百度开源的一个数据可视化 JS 库。用 Echarts 生成的图可视化效果非常棒，为了与 Python 进行对接，方便在 Python 中直接使用数据生成图，于是有人开发出了这个项目[GitHub](https://github.com/pyecharts/pyecharts) .*\n",
    "\n",
    "*Note.建议本程序在参看https://github.com/pyecharts/pyecharts 的安装步骤后再运行； 本程序所有的例子都是从官方提供的样例代码[GitHub](https://github.com/pyecharts/pyecharts-gallery)中提取的,如果对某个API有疑问建议在IDE里面查看*\n",
    "\n",
    "*Echart类型图种大全:https://echarts.apache.org/examples/zh/#chart-type-line pyecharts图导入到ppt中的方法:https://baijiahao.baidu.com/s?id=1663839456876951842&wfr=spider&for=pc.*\n",
    "\n",
    "*作者: LBQ; 时间:2020/7/24. 邮箱:779660843@qq.com*"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# XXXV.主题(Theme)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"f72286fd349c4c789ac1fa2e8dc1bacc\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_f72286fd349c4c789ac1fa2e8dc1bacc = echarts.init(\n",
       "                    document.getElementById('f72286fd349c4c789ac1fa2e8dc1bacc'), 'white', {renderer: 'canvas'});\n",
       "                var option_f72286fd349c4c789ac1fa2e8dc1bacc = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6A\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    123,\n",
       "                    128,\n",
       "                    20,\n",
       "                    42,\n",
       "                    117,\n",
       "                    72,\n",
       "                    144\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            },\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6B\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    134,\n",
       "                    41,\n",
       "                    55,\n",
       "                    119,\n",
       "                    139,\n",
       "                    149,\n",
       "                    78\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"2015\\u5e74\",\n",
       "                \"2016\\u5e74\",\n",
       "                \"2017\\u5e74\",\n",
       "                \"2018\\u5e74\",\n",
       "                \"2019\\u5e74\"\n",
       "            ]\n",
       "        },\n",
       "        \"xAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                },\n",
       "                \"data\": [\n",
       "                    \"\\u6cb3\\u9a6c\",\n",
       "                    \"\\u87d2\\u86c7\",\n",
       "                    \"\\u8001\\u864e\",\n",
       "                    \"\\u5927\\u8c61\",\n",
       "                    \"\\u5154\\u5b50\",\n",
       "                    \"\\u718a\\u732b\",\n",
       "                    \"\\u72ee\\u5b50\"\n",
       "                ]\n",
       "            }\n",
       "        ],\n",
       "        \"yAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                }\n",
       "            }\n",
       "        ]\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        81,\n",
       "                        103,\n",
       "                        61,\n",
       "                        145,\n",
       "                        71,\n",
       "                        21,\n",
       "                        85\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        87,\n",
       "                        62,\n",
       "                        59,\n",
       "                        127,\n",
       "                        28,\n",
       "                        121,\n",
       "                        120\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972015\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        20,\n",
       "                        121,\n",
       "                        34,\n",
       "                        105,\n",
       "                        119,\n",
       "                        88,\n",
       "                        104\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        75,\n",
       "                        135,\n",
       "                        113,\n",
       "                        113,\n",
       "                        38,\n",
       "                        41,\n",
       "                        45\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972016\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        72,\n",
       "                        29,\n",
       "                        148,\n",
       "                        73,\n",
       "                        103,\n",
       "                        81,\n",
       "                        67\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        107,\n",
       "                        66,\n",
       "                        24,\n",
       "                        56,\n",
       "                        88,\n",
       "                        78,\n",
       "                        44\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972017\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        35,\n",
       "                        85,\n",
       "                        45,\n",
       "                        41,\n",
       "                        70,\n",
       "                        97,\n",
       "                        25\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        60,\n",
       "                        109,\n",
       "                        128,\n",
       "                        95,\n",
       "                        133,\n",
       "                        144,\n",
       "                        144\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972018\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        123,\n",
       "                        128,\n",
       "                        20,\n",
       "                        42,\n",
       "                        117,\n",
       "                        72,\n",
       "                        144\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        134,\n",
       "                        41,\n",
       "                        55,\n",
       "                        119,\n",
       "                        139,\n",
       "                        149,\n",
       "                        78\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972019\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_f72286fd349c4c789ac1fa2e8dc1bacc.setOption(option_f72286fd349c4c789ac1fa2e8dc1bacc);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7fbcd00b7940>"
      ]
     },
     "execution_count": 1,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Bar, Timeline\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "x = Faker.choose()\n",
    "tl = Timeline()\n",
    "for i in range(2015, 2020):\n",
    "    bar = (\n",
    "        Bar()\n",
    "        .add_xaxis(x)\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"某商店{}年营业额\".format(i)))\n",
    "    )\n",
    "    tl.add(bar, \"{}年\".format(i))\n",
    "#tl.render(\"timeline_bar.html\")\n",
    "tl.load_javascript()\n",
    "tl.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"c46a1daeca54425193d067d04e3fd57b\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_c46a1daeca54425193d067d04e3fd57b = echarts.init(\n",
       "                    document.getElementById('c46a1daeca54425193d067d04e3fd57b'), 'white', {renderer: 'canvas'});\n",
       "                var option_c46a1daeca54425193d067d04e3fd57b = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6A\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    106,\n",
       "                    68,\n",
       "                    21,\n",
       "                    147,\n",
       "                    118,\n",
       "                    116,\n",
       "                    108\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"right\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            },\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6B\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    61,\n",
       "                    53,\n",
       "                    20,\n",
       "                    25,\n",
       "                    137,\n",
       "                    109,\n",
       "                    146\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"right\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"2015\\u5e74\",\n",
       "                \"2016\\u5e74\",\n",
       "                \"2017\\u5e74\",\n",
       "                \"2018\\u5e74\",\n",
       "                \"2019\\u5e74\"\n",
       "            ]\n",
       "        },\n",
       "        \"xAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"yAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                },\n",
       "                \"data\": [\n",
       "                    \"\\u5c0f\\u7c73\",\n",
       "                    \"\\u4e09\\u661f\",\n",
       "                    \"\\u534e\\u4e3a\",\n",
       "                    \"\\u82f9\\u679c\",\n",
       "                    \"\\u9b45\\u65cf\",\n",
       "                    \"VIVO\",\n",
       "                    \"OPPO\"\n",
       "                ]\n",
       "            }\n",
       "        ]\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        100,\n",
       "                        40,\n",
       "                        124,\n",
       "                        141,\n",
       "                        40,\n",
       "                        48,\n",
       "                        121\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        116,\n",
       "                        92,\n",
       "                        50,\n",
       "                        118,\n",
       "                        24,\n",
       "                        126,\n",
       "                        138\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u5468\\u4e00\",\n",
       "                        \"\\u5468\\u4e8c\",\n",
       "                        \"\\u5468\\u4e09\",\n",
       "                        \"\\u5468\\u56db\",\n",
       "                        \"\\u5468\\u4e94\",\n",
       "                        \"\\u5468\\u516d\",\n",
       "                        \"\\u5468\\u65e5\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"Timeline-Bar-Reversal (\\u65f6\\u95f4: 2015 \\u5e74)\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        94,\n",
       "                        58,\n",
       "                        77,\n",
       "                        135,\n",
       "                        38,\n",
       "                        139,\n",
       "                        66\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        49,\n",
       "                        46,\n",
       "                        80,\n",
       "                        122,\n",
       "                        54,\n",
       "                        94,\n",
       "                        88\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"Timeline-Bar-Reversal (\\u65f6\\u95f4: 2016 \\u5e74)\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        138,\n",
       "                        22,\n",
       "                        81,\n",
       "                        72,\n",
       "                        50,\n",
       "                        65,\n",
       "                        144\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        74,\n",
       "                        140,\n",
       "                        35,\n",
       "                        72,\n",
       "                        36,\n",
       "                        22,\n",
       "                        126\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u53ef\\u4e50\",\n",
       "                        \"\\u96ea\\u78a7\",\n",
       "                        \"\\u6a59\\u6c41\",\n",
       "                        \"\\u7eff\\u8336\",\n",
       "                        \"\\u5976\\u8336\",\n",
       "                        \"\\u767e\\u5a01\",\n",
       "                        \"\\u9752\\u5c9b\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"Timeline-Bar-Reversal (\\u65f6\\u95f4: 2017 \\u5e74)\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        46,\n",
       "                        101,\n",
       "                        47,\n",
       "                        61,\n",
       "                        27,\n",
       "                        122,\n",
       "                        79\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        118,\n",
       "                        52,\n",
       "                        26,\n",
       "                        37,\n",
       "                        28,\n",
       "                        119,\n",
       "                        30\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"Timeline-Bar-Reversal (\\u65f6\\u95f4: 2018 \\u5e74)\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        106,\n",
       "                        68,\n",
       "                        21,\n",
       "                        147,\n",
       "                        118,\n",
       "                        116,\n",
       "                        108\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        61,\n",
       "                        53,\n",
       "                        20,\n",
       "                        25,\n",
       "                        137,\n",
       "                        109,\n",
       "                        146\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u5c0f\\u7c73\",\n",
       "                        \"\\u4e09\\u661f\",\n",
       "                        \"\\u534e\\u4e3a\",\n",
       "                        \"\\u82f9\\u679c\",\n",
       "                        \"\\u9b45\\u65cf\",\n",
       "                        \"VIVO\",\n",
       "                        \"OPPO\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"Timeline-Bar-Reversal (\\u65f6\\u95f4: 2019 \\u5e74)\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_c46a1daeca54425193d067d04e3fd57b.setOption(option_c46a1daeca54425193d067d04e3fd57b);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7fbcc95b0da0>"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Bar, Timeline\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "tl_2 = Timeline()\n",
    "for i in range(2015, 2020):\n",
    "    bar = (\n",
    "        Bar()\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values(), label_opts=opts.LabelOpts(position=\"right\"))\n",
    "        .add_yaxis(\"商家B\", Faker.values(), label_opts=opts.LabelOpts(position=\"right\"))\n",
    "        .reversal_axis()\n",
    "        .set_global_opts(\n",
    "            title_opts=opts.TitleOpts(\"Timeline-Bar-Reversal (时间: {} 年)\".format(i))\n",
    "        )\n",
    "    )\n",
    "    tl_2.add(bar, \"{}年\".format(i))\n",
    "#tl_2.render(\"timeline_bar_reversal.html\")\n",
    "tl_2.load_javascript()\n",
    "tl_2.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"3b4cce163efb4475b6f5458db69b9159\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_3b4cce163efb4475b6f5458db69b9159 = echarts.init(\n",
       "                    document.getElementById('3b4cce163efb4475b6f5458db69b9159'), 'white', {renderer: 'canvas'});\n",
       "                var option_3b4cce163efb4475b6f5458db69b9159 = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6A\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    85,\n",
       "                    110,\n",
       "                    22,\n",
       "                    50,\n",
       "                    52,\n",
       "                    36,\n",
       "                    82\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            },\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6B\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    78,\n",
       "                    110,\n",
       "                    144,\n",
       "                    116,\n",
       "                    38,\n",
       "                    114,\n",
       "                    133\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"2015\\u5e74\",\n",
       "                \"2016\\u5e74\",\n",
       "                \"2017\\u5e74\",\n",
       "                \"2018\\u5e74\",\n",
       "                \"2019\\u5e74\"\n",
       "            ]\n",
       "        },\n",
       "        \"xAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                },\n",
       "                \"data\": [\n",
       "                    \"\\u54c8\\u58eb\\u5947\",\n",
       "                    \"\\u8428\\u6469\\u8036\",\n",
       "                    \"\\u6cf0\\u8fea\",\n",
       "                    \"\\u91d1\\u6bdb\",\n",
       "                    \"\\u7267\\u7f8a\\u72ac\",\n",
       "                    \"\\u5409\\u5a03\\u5a03\",\n",
       "                    \"\\u67ef\\u57fa\"\n",
       "                ]\n",
       "            }\n",
       "        ],\n",
       "        \"yAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                }\n",
       "            }\n",
       "        ]\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        71,\n",
       "                        66,\n",
       "                        69,\n",
       "                        30,\n",
       "                        45,\n",
       "                        33,\n",
       "                        80\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        89,\n",
       "                        37,\n",
       "                        64,\n",
       "                        25,\n",
       "                        56,\n",
       "                        53,\n",
       "                        62\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u54c8\\u58eb\\u5947\",\n",
       "                        \"\\u8428\\u6469\\u8036\",\n",
       "                        \"\\u6cf0\\u8fea\",\n",
       "                        \"\\u91d1\\u6bdb\",\n",
       "                        \"\\u7267\\u7f8a\\u72ac\",\n",
       "                        \"\\u5409\\u5a03\\u5a03\",\n",
       "                        \"\\u67ef\\u57fa\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972015\\u5e74\\u8425\\u4e1a\\u989d - With Graphic \\u7ec4\\u4ef6\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"\\u67d0\\u5546\\u5e972015\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 100,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        94,\n",
       "                        31,\n",
       "                        74,\n",
       "                        144,\n",
       "                        65,\n",
       "                        61,\n",
       "                        71\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        21,\n",
       "                        122,\n",
       "                        40,\n",
       "                        115,\n",
       "                        30,\n",
       "                        138,\n",
       "                        72\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u54c8\\u58eb\\u5947\",\n",
       "                        \"\\u8428\\u6469\\u8036\",\n",
       "                        \"\\u6cf0\\u8fea\",\n",
       "                        \"\\u91d1\\u6bdb\",\n",
       "                        \"\\u7267\\u7f8a\\u72ac\",\n",
       "                        \"\\u5409\\u5a03\\u5a03\",\n",
       "                        \"\\u67ef\\u57fa\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972016\\u5e74\\u8425\\u4e1a\\u989d - With Graphic \\u7ec4\\u4ef6\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"\\u67d0\\u5546\\u5e972016\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 100,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        66,\n",
       "                        32,\n",
       "                        132,\n",
       "                        130,\n",
       "                        132,\n",
       "                        46,\n",
       "                        61\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        78,\n",
       "                        126,\n",
       "                        81,\n",
       "                        137,\n",
       "                        23,\n",
       "                        52,\n",
       "                        47\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u54c8\\u58eb\\u5947\",\n",
       "                        \"\\u8428\\u6469\\u8036\",\n",
       "                        \"\\u6cf0\\u8fea\",\n",
       "                        \"\\u91d1\\u6bdb\",\n",
       "                        \"\\u7267\\u7f8a\\u72ac\",\n",
       "                        \"\\u5409\\u5a03\\u5a03\",\n",
       "                        \"\\u67ef\\u57fa\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972017\\u5e74\\u8425\\u4e1a\\u989d - With Graphic \\u7ec4\\u4ef6\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"\\u67d0\\u5546\\u5e972017\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 100,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        33,\n",
       "                        57,\n",
       "                        81,\n",
       "                        57,\n",
       "                        131,\n",
       "                        131,\n",
       "                        56\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        96,\n",
       "                        114,\n",
       "                        51,\n",
       "                        122,\n",
       "                        67,\n",
       "                        102,\n",
       "                        41\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u54c8\\u58eb\\u5947\",\n",
       "                        \"\\u8428\\u6469\\u8036\",\n",
       "                        \"\\u6cf0\\u8fea\",\n",
       "                        \"\\u91d1\\u6bdb\",\n",
       "                        \"\\u7267\\u7f8a\\u72ac\",\n",
       "                        \"\\u5409\\u5a03\\u5a03\",\n",
       "                        \"\\u67ef\\u57fa\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972018\\u5e74\\u8425\\u4e1a\\u989d - With Graphic \\u7ec4\\u4ef6\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"\\u67d0\\u5546\\u5e972018\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 100,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        85,\n",
       "                        110,\n",
       "                        22,\n",
       "                        50,\n",
       "                        52,\n",
       "                        36,\n",
       "                        82\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        78,\n",
       "                        110,\n",
       "                        144,\n",
       "                        116,\n",
       "                        38,\n",
       "                        114,\n",
       "                        133\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u54c8\\u58eb\\u5947\",\n",
       "                        \"\\u8428\\u6469\\u8036\",\n",
       "                        \"\\u6cf0\\u8fea\",\n",
       "                        \"\\u91d1\\u6bdb\",\n",
       "                        \"\\u7267\\u7f8a\\u72ac\",\n",
       "                        \"\\u5409\\u5a03\\u5a03\",\n",
       "                        \"\\u67ef\\u57fa\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972019\\u5e74\\u8425\\u4e1a\\u989d - With Graphic \\u7ec4\\u4ef6\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"\\u67d0\\u5546\\u5e972019\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 100,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_3b4cce163efb4475b6f5458db69b9159.setOption(option_3b4cce163efb4475b6f5458db69b9159);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7fbcd00e26d8>"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Bar, Timeline\n",
    "from pyecharts.commons.utils import JsCode\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "x = Faker.choose()\n",
    "tl_3 = Timeline()\n",
    "for i in range(2015, 2020):\n",
    "    bar = (\n",
    "        Bar()\n",
    "        .add_xaxis(x)\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .set_global_opts(\n",
    "            title_opts=opts.TitleOpts(\"某商店{}年营业额 - With Graphic 组件\".format(i)),\n",
    "            graphic_opts=[\n",
    "                opts.GraphicGroup(\n",
    "                    graphic_item=opts.GraphicItem(\n",
    "                        rotation=JsCode(\"Math.PI / 4\"),\n",
    "                        bounding=\"raw\",\n",
    "                        right=100,\n",
    "                        bottom=110,\n",
    "                        z=100,\n",
    "                    ),\n",
    "                    children=[\n",
    "                        opts.GraphicRect(\n",
    "                            graphic_item=opts.GraphicItem(\n",
    "                                left=\"center\", top=\"center\", z=100\n",
    "                            ),\n",
    "                            graphic_shape_opts=opts.GraphicShapeOpts(\n",
    "                                width=400, height=50\n",
    "                            ),\n",
    "                            graphic_basicstyle_opts=opts.GraphicBasicStyleOpts(\n",
    "                                fill=\"rgba(0,0,0,0.3)\"\n",
    "                            ),\n",
    "                        ),\n",
    "                        opts.GraphicText(\n",
    "                            graphic_item=opts.GraphicItem(\n",
    "                                left=\"center\", top=\"center\", z=100\n",
    "                            ),\n",
    "                            graphic_textstyle_opts=opts.GraphicTextStyleOpts(\n",
    "                                text=\"某商店{}年营业额\".format(i),\n",
    "                                font=\"bold 26px Microsoft YaHei\",\n",
    "                                graphic_basicstyle_opts=opts.GraphicBasicStyleOpts(\n",
    "                                    fill=\"#fff\"\n",
    "                                ),\n",
    "                            ),\n",
    "                        ),\n",
    "                    ],\n",
    "                )\n",
    "            ],\n",
    "        )\n",
    "    )\n",
    "    tl_3.add(bar, \"{}年\".format(i))\n",
    "#tl_3.render(\"timeline_bar_with_graphic.html\")\n",
    "tl_3.load_javascript()\n",
    "tl_3.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 百度地图\n",
    "不知道什么原因不显示"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "ename": "KeyError",
     "evalue": "\"'https://api.map.baidu.com/api?v=2.0&ak=FAKE_AK'. closest match: 'echarts-liquidfill' with ratio 0.219\"",
     "output_type": "error",
     "traceback": [
      "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
      "\u001b[0;31mKeyError\u001b[0m                                  Traceback (most recent call last)",
      "\u001b[0;32m<ipython-input-4-b4cc5c6ed68d>\u001b[0m in \u001b[0;36m<module>\u001b[0;34m\u001b[0m\n\u001b[1;32m     22\u001b[0m     \u001b[0mtl_4\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0madd\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mbmap\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0;34m\"{}年\"\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mformat\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mi\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     23\u001b[0m \u001b[0;31m#tl_4.render(\"timeline_bmap.html\")\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m---> 24\u001b[0;31m \u001b[0mtl_4\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mload_javascript\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m     25\u001b[0m \u001b[0mtl_4\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mrender_notebook\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32m~/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/mixins.py\u001b[0m in \u001b[0;36mload_javascript\u001b[0;34m(self)\u001b[0m\n\u001b[1;32m      9\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     10\u001b[0m     \u001b[0;32mdef\u001b[0m \u001b[0mload_javascript\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mself\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m---> 11\u001b[0;31m         \u001b[0;32mreturn\u001b[0m \u001b[0mengine\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mload_javascript\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mself\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m     12\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     13\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32m~/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/render/engine.py\u001b[0m in \u001b[0;36mload_javascript\u001b[0;34m(chart)\u001b[0m\n\u001b[1;32m    113\u001b[0m     \u001b[0mscripts\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0;34m[\u001b[0m\u001b[0;34m]\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m    114\u001b[0m     \u001b[0;32mfor\u001b[0m \u001b[0mdep\u001b[0m \u001b[0;32min\u001b[0m \u001b[0mchart\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mjs_dependencies\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mitems\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m--> 115\u001b[0;31m         \u001b[0mf\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mext\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mFILENAMES\u001b[0m\u001b[0;34m[\u001b[0m\u001b[0mdep\u001b[0m\u001b[0;34m]\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m    116\u001b[0m         \u001b[0mscripts\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mappend\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m\"{}{}.{}\"\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mformat\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mCurrentConfig\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mONLINE_HOST\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mf\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mext\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m    117\u001b[0m     \u001b[0;32mreturn\u001b[0m \u001b[0mJavascript\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mlib\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0mscripts\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32m~/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/datasets/__init__.py\u001b[0m in \u001b[0;36m__getitem__\u001b[0;34m(self, lookfor)\u001b[0m\n\u001b[1;32m     84\u001b[0m             raise KeyError(\n\u001b[1;32m     85\u001b[0m                 \u001b[0;34m\"'%s'. closest match: '%s' with ratio %.3f\"\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m---> 86\u001b[0;31m                 \u001b[0;34m%\u001b[0m \u001b[0;34m(\u001b[0m\u001b[0mstr\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mlookfor\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mstr\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mkey\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mratio\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m     87\u001b[0m             )\n\u001b[1;32m     88\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;31mKeyError\u001b[0m: \"'https://api.map.baidu.com/api?v=2.0&ak=FAKE_AK'. closest match: 'echarts-liquidfill' with ratio 0.219\""
     ]
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import BMap, Timeline\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "tl_4 = Timeline()\n",
    "tl.add_schema(pos_left=\"50%\", pos_right=\"10px\", pos_bottom=\"15px\")\n",
    "for i in range(2015, 2020):\n",
    "    bmap = (\n",
    "        BMap()\n",
    "        .add_schema(baidu_ak=\"FAKE_AK\", center=[120.13066322374, 30.240018034923])\n",
    "        .add(\n",
    "            \"bmap\",\n",
    "            [list(z) for z in zip(Faker.provinces, Faker.values())],\n",
    "            type_=\"heatmap\",\n",
    "        )\n",
    "        .set_global_opts(\n",
    "            title_opts=opts.TitleOpts(title=\"Timeline-BMap-热力图-{}年\".format(i)),\n",
    "            visualmap_opts=opts.VisualMapOpts(pos_bottom=\"center\", pos_right=\"10px\"),\n",
    "            tooltip_opts=opts.TooltipOpts(formatter=None),\n",
    "        )\n",
    "    )\n",
    "    tl_4.add(bmap, \"{}年\".format(i))\n",
    "#tl_4.render(\"timeline_bmap.html\")\n",
    "tl_4.load_javascript()\n",
    "tl_4.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"8a179b697d74447e9fb743823e0d6183\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_8a179b697d74447e9fb743823e0d6183 = echarts.init(\n",
       "                    document.getElementById('8a179b697d74447e9fb743823e0d6183'), 'white', {renderer: 'canvas'});\n",
       "                var option_8a179b697d74447e9fb743823e0d6183 = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"bottom\": \"-5px\"\n",
       "        }\n",
       "    },\n",
       "    \"options\": []\n",
       "};\n",
       "                chart_8a179b697d74447e9fb743823e0d6183.setOption(option_8a179b697d74447e9fb743823e0d6183);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7fbcc9515128>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Map, Timeline\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "tl_5 = Timeline()\n",
    "for i in range(2015, 2020):\n",
    "    map0 = (\n",
    "        Map()\n",
    "        .add(\"商家A\", [list(z) for z in zip(Faker.provinces, Faker.values())], \"china\")\n",
    "        .set_global_opts(\n",
    "            title_opts=opts.TitleOpts(title=\"Map-{}年某些数据\".format(i)),\n",
    "            visualmap_opts=opts.VisualMapOpts(max_=200),\n",
    "        )\n",
    "    )\n",
    "    tl.add(map0, \"{}年\".format(i))\n",
    "#tl_5.render(\"timeline_map.html\")\n",
    "tl_5.load_javascript()\n",
    "tl_5.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"2d4b02ebc1bb4133b105db79f03b205f\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_2d4b02ebc1bb4133b105db79f03b205f = echarts.init(\n",
       "                    document.getElementById('2d4b02ebc1bb4133b105db79f03b205f'), 'white', {renderer: 'canvas'});\n",
       "                var option_2d4b02ebc1bb4133b105db79f03b205f = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6A\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    121,\n",
       "                    132,\n",
       "                    141,\n",
       "                    118,\n",
       "                    51,\n",
       "                    113,\n",
       "                    20\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            },\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"name\": \"\\u5546\\u5bb6B\",\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    94,\n",
       "                    95,\n",
       "                    132,\n",
       "                    110,\n",
       "                    70,\n",
       "                    22,\n",
       "                    62\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"2015\\u5e74\",\n",
       "                \"2016\\u5e74\",\n",
       "                \"2017\\u5e74\",\n",
       "                \"2018\\u5e74\",\n",
       "                \"2019\\u5e74\"\n",
       "            ]\n",
       "        },\n",
       "        \"xAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                },\n",
       "                \"data\": [\n",
       "                    \"\\u8349\\u8393\",\n",
       "                    \"\\u8292\\u679c\",\n",
       "                    \"\\u8461\\u8404\",\n",
       "                    \"\\u96ea\\u68a8\",\n",
       "                    \"\\u897f\\u74dc\",\n",
       "                    \"\\u67e0\\u6aac\",\n",
       "                    \"\\u8f66\\u5398\\u5b50\"\n",
       "                ]\n",
       "            }\n",
       "        ],\n",
       "        \"yAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                }\n",
       "            }\n",
       "        ]\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        119,\n",
       "                        62,\n",
       "                        21,\n",
       "                        35,\n",
       "                        66,\n",
       "                        140,\n",
       "                        23\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        82,\n",
       "                        50,\n",
       "                        99,\n",
       "                        100,\n",
       "                        25,\n",
       "                        27,\n",
       "                        94\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u886c\\u886b\",\n",
       "                        \"\\u6bdb\\u8863\",\n",
       "                        \"\\u9886\\u5e26\",\n",
       "                        \"\\u88e4\\u5b50\",\n",
       "                        \"\\u98ce\\u8863\",\n",
       "                        \"\\u9ad8\\u8ddf\\u978b\",\n",
       "                        \"\\u889c\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972015\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        147,\n",
       "                        27,\n",
       "                        143,\n",
       "                        55,\n",
       "                        140,\n",
       "                        46,\n",
       "                        105\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        34,\n",
       "                        34,\n",
       "                        124,\n",
       "                        138,\n",
       "                        73,\n",
       "                        96,\n",
       "                        92\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972016\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        103,\n",
       "                        67,\n",
       "                        68,\n",
       "                        25,\n",
       "                        101,\n",
       "                        108,\n",
       "                        121\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        131,\n",
       "                        54,\n",
       "                        63,\n",
       "                        138,\n",
       "                        25,\n",
       "                        36,\n",
       "                        144\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u54c8\\u58eb\\u5947\",\n",
       "                        \"\\u8428\\u6469\\u8036\",\n",
       "                        \"\\u6cf0\\u8fea\",\n",
       "                        \"\\u91d1\\u6bdb\",\n",
       "                        \"\\u7267\\u7f8a\\u72ac\",\n",
       "                        \"\\u5409\\u5a03\\u5a03\",\n",
       "                        \"\\u67ef\\u57fa\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972017\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        27,\n",
       "                        126,\n",
       "                        122,\n",
       "                        125,\n",
       "                        26,\n",
       "                        31,\n",
       "                        42\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        57,\n",
       "                        60,\n",
       "                        105,\n",
       "                        100,\n",
       "                        34,\n",
       "                        55,\n",
       "                        81\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6cb3\\u9a6c\",\n",
       "                        \"\\u87d2\\u86c7\",\n",
       "                        \"\\u8001\\u864e\",\n",
       "                        \"\\u5927\\u8c61\",\n",
       "                        \"\\u5154\\u5b50\",\n",
       "                        \"\\u718a\\u732b\",\n",
       "                        \"\\u72ee\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972018\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5546\\u5bb6A\",\n",
       "                        \"\\u5546\\u5bb6B\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\\u5546\\u5bb6A\": true,\n",
       "                        \"\\u5546\\u5bb6B\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        121,\n",
       "                        132,\n",
       "                        141,\n",
       "                        118,\n",
       "                        51,\n",
       "                        113,\n",
       "                        20\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"name\": \"\\u5546\\u5bb6B\",\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        94,\n",
       "                        95,\n",
       "                        132,\n",
       "                        110,\n",
       "                        70,\n",
       "                        22,\n",
       "                        62\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u8349\\u8393\",\n",
       "                        \"\\u8292\\u679c\",\n",
       "                        \"\\u8461\\u8404\",\n",
       "                        \"\\u96ea\\u68a8\",\n",
       "                        \"\\u897f\\u74dc\",\n",
       "                        \"\\u67e0\\u6aac\",\n",
       "                        \"\\u8f66\\u5398\\u5b50\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972019\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_2d4b02ebc1bb4133b105db79f03b205f.setOption(option_2d4b02ebc1bb4133b105db79f03b205f);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7fbcc955fba8>"
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Bar, Timeline\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "tl_6 = Timeline()\n",
    "for i in range(2015, 2020):\n",
    "    bar = (\n",
    "        Bar()\n",
    "        .add_xaxis(Faker.choose())\n",
    "        .add_yaxis(\"商家A\", Faker.values())\n",
    "        .add_yaxis(\"商家B\", Faker.values())\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"某商店{}年营业额\".format(i)))\n",
    "    )\n",
    "    tl_6.add(bar, \"{}年\".format(i))\n",
    "#tl_6.render(\"timeline_multi_axis.html\")\n",
    "tl_6.load_javascript()\n",
    "tl_6.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 饼图 "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"149a76b209484607a1c29447aebb9872\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_149a76b209484607a1c29447aebb9872 = echarts.init(\n",
       "                    document.getElementById('149a76b209484607a1c29447aebb9872'), 'white', {renderer: 'canvas'});\n",
       "                var option_149a76b209484607a1c29447aebb9872 = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"pie\",\n",
       "                \"name\": \"\\u5546\\u5bb6A\",\n",
       "                \"clockwise\": true,\n",
       "                \"data\": [\n",
       "                    {\n",
       "                        \"name\": \"\\u53ef\\u4e50\",\n",
       "                        \"value\": 50\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u96ea\\u78a7\",\n",
       "                        \"value\": 121\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6a59\\u6c41\",\n",
       "                        \"value\": 34\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u7eff\\u8336\",\n",
       "                        \"value\": 24\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5976\\u8336\",\n",
       "                        \"value\": 30\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u767e\\u5a01\",\n",
       "                        \"value\": 39\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u9752\\u5c9b\",\n",
       "                        \"value\": 21\n",
       "                    }\n",
       "                ],\n",
       "                \"radius\": [\n",
       "                    \"30%\",\n",
       "                    \"55%\"\n",
       "                ],\n",
       "                \"center\": [\n",
       "                    \"50%\",\n",
       "                    \"50%\"\n",
       "                ],\n",
       "                \"roseType\": \"radius\",\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"2015\\u5e74\",\n",
       "                \"2016\\u5e74\",\n",
       "                \"2017\\u5e74\",\n",
       "                \"2018\\u5e74\",\n",
       "                \"2019\\u5e74\"\n",
       "            ]\n",
       "        }\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53ef\\u4e50\",\n",
       "                        \"\\u96ea\\u78a7\",\n",
       "                        \"\\u6a59\\u6c41\",\n",
       "                        \"\\u7eff\\u8336\",\n",
       "                        \"\\u5976\\u8336\",\n",
       "                        \"\\u767e\\u5a01\",\n",
       "                        \"\\u9752\\u5c9b\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53ef\\u4e50\",\n",
       "                            \"value\": 118\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u96ea\\u78a7\",\n",
       "                            \"value\": 86\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6a59\\u6c41\",\n",
       "                            \"value\": 68\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u7eff\\u8336\",\n",
       "                            \"value\": 41\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5976\\u8336\",\n",
       "                            \"value\": 71\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u767e\\u5a01\",\n",
       "                            \"value\": 141\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9752\\u5c9b\",\n",
       "                            \"value\": 67\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"30%\",\n",
       "                        \"55%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"roseType\": \"radius\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972015\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53ef\\u4e50\",\n",
       "                        \"\\u96ea\\u78a7\",\n",
       "                        \"\\u6a59\\u6c41\",\n",
       "                        \"\\u7eff\\u8336\",\n",
       "                        \"\\u5976\\u8336\",\n",
       "                        \"\\u767e\\u5a01\",\n",
       "                        \"\\u9752\\u5c9b\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53ef\\u4e50\",\n",
       "                            \"value\": 25\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u96ea\\u78a7\",\n",
       "                            \"value\": 34\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6a59\\u6c41\",\n",
       "                            \"value\": 55\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u7eff\\u8336\",\n",
       "                            \"value\": 83\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5976\\u8336\",\n",
       "                            \"value\": 142\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u767e\\u5a01\",\n",
       "                            \"value\": 63\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9752\\u5c9b\",\n",
       "                            \"value\": 146\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"30%\",\n",
       "                        \"55%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"roseType\": \"radius\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972016\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53ef\\u4e50\",\n",
       "                        \"\\u96ea\\u78a7\",\n",
       "                        \"\\u6a59\\u6c41\",\n",
       "                        \"\\u7eff\\u8336\",\n",
       "                        \"\\u5976\\u8336\",\n",
       "                        \"\\u767e\\u5a01\",\n",
       "                        \"\\u9752\\u5c9b\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53ef\\u4e50\",\n",
       "                            \"value\": 37\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u96ea\\u78a7\",\n",
       "                            \"value\": 70\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6a59\\u6c41\",\n",
       "                            \"value\": 29\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u7eff\\u8336\",\n",
       "                            \"value\": 53\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5976\\u8336\",\n",
       "                            \"value\": 132\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u767e\\u5a01\",\n",
       "                            \"value\": 83\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9752\\u5c9b\",\n",
       "                            \"value\": 60\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"30%\",\n",
       "                        \"55%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"roseType\": \"radius\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972017\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53ef\\u4e50\",\n",
       "                        \"\\u96ea\\u78a7\",\n",
       "                        \"\\u6a59\\u6c41\",\n",
       "                        \"\\u7eff\\u8336\",\n",
       "                        \"\\u5976\\u8336\",\n",
       "                        \"\\u767e\\u5a01\",\n",
       "                        \"\\u9752\\u5c9b\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53ef\\u4e50\",\n",
       "                            \"value\": 32\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u96ea\\u78a7\",\n",
       "                            \"value\": 23\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6a59\\u6c41\",\n",
       "                            \"value\": 78\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u7eff\\u8336\",\n",
       "                            \"value\": 103\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5976\\u8336\",\n",
       "                            \"value\": 109\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u767e\\u5a01\",\n",
       "                            \"value\": 98\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9752\\u5c9b\",\n",
       "                            \"value\": 42\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"30%\",\n",
       "                        \"55%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"roseType\": \"radius\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972018\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53ef\\u4e50\",\n",
       "                        \"\\u96ea\\u78a7\",\n",
       "                        \"\\u6a59\\u6c41\",\n",
       "                        \"\\u7eff\\u8336\",\n",
       "                        \"\\u5976\\u8336\",\n",
       "                        \"\\u767e\\u5a01\",\n",
       "                        \"\\u9752\\u5c9b\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5546\\u5bb6A\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53ef\\u4e50\",\n",
       "                            \"value\": 50\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u96ea\\u78a7\",\n",
       "                            \"value\": 121\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6a59\\u6c41\",\n",
       "                            \"value\": 34\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u7eff\\u8336\",\n",
       "                            \"value\": 24\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5976\\u8336\",\n",
       "                            \"value\": 30\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u767e\\u5a01\",\n",
       "                            \"value\": 39\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9752\\u5c9b\",\n",
       "                            \"value\": 21\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"30%\",\n",
       "                        \"55%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"roseType\": \"radius\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u67d0\\u5546\\u5e972019\\u5e74\\u8425\\u4e1a\\u989d\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_149a76b209484607a1c29447aebb9872.setOption(option_149a76b209484607a1c29447aebb9872);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7fbcc943db38>"
      ]
     },
     "execution_count": 12,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Pie, Timeline\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "attr = Faker.choose()\n",
    "tl_7 = Timeline()\n",
    "for i in range(2015, 2020):\n",
    "    pie = (\n",
    "        Pie()\n",
    "        .add(\n",
    "            \"商家A\",\n",
    "            [list(z) for z in zip(attr, Faker.values())],\n",
    "            rosetype=\"radius\",\n",
    "            radius=[\"30%\", \"55%\"],\n",
    "        )\n",
    "        .set_global_opts(title_opts=opts.TitleOpts(\"某商店{}年营业额\".format(i)))\n",
    "    )\n",
    "    tl_7.add(pie, \"{}年\".format(i))\n",
    "#tl_7.render(\"timeline_pie.html\")\n",
    "tl_7.load_javascript()\n",
    "tl_7.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "##  桑吉图"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"702afb7fe2dd4438a2c61613a05d39c8\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_702afb7fe2dd4438a2c61613a05d39c8 = echarts.init(\n",
       "                    document.getElementById('702afb7fe2dd4438a2c61613a05d39c8'), 'white', {renderer: 'canvas'});\n",
       "                var option_702afb7fe2dd4438a2c61613a05d39c8 = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"sankey\",\n",
       "                \"name\": \"sankey\",\n",
       "                \"data\": [\n",
       "                    {\n",
       "                        \"name\": \"\\u5546\\u5bb6A\"\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5546\\u5bb6B\"\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5546\\u5bb6C\"\n",
       "                    }\n",
       "                ],\n",
       "                \"links\": [\n",
       "                    {\n",
       "                        \"source\": \"\\u5546\\u5bb6A\",\n",
       "                        \"target\": \"\\u5546\\u5bb6B\",\n",
       "                        \"value\": 73\n",
       "                    },\n",
       "                    {\n",
       "                        \"source\": \"\\u5546\\u5bb6B\",\n",
       "                        \"target\": \"\\u5546\\u5bb6C\",\n",
       "                        \"value\": 127\n",
       "                    }\n",
       "                ],\n",
       "                \"left\": \"5%\",\n",
       "                \"top\": \"5%\",\n",
       "                \"right\": \"20%\",\n",
       "                \"bottom\": \"5%\",\n",
       "                \"nodeWidth\": 20,\n",
       "                \"nodeGap\": 8,\n",
       "                \"nodeAlign\": \"justify\",\n",
       "                \"layoutIteration\": 32,\n",
       "                \"orient\": \"horizontal\",\n",
       "                \"draggable\": true,\n",
       "                \"focusNodeAdjacency\": false,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"right\",\n",
       "                    \"margin\": 8\n",
       "                },\n",
       "                \"lineStyle\": {\n",
       "                    \"show\": true,\n",
       "                    \"width\": 1,\n",
       "                    \"opacity\": 0.2,\n",
       "                    \"curveness\": 0.5,\n",
       "                    \"type\": \"solid\",\n",
       "                    \"color\": \"source\"\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"2015\\u5e74\",\n",
       "                \"2016\\u5e74\",\n",
       "                \"2017\\u5e74\",\n",
       "                \"2018\\u5e74\",\n",
       "                \"2019\\u5e74\"\n",
       "            ]\n",
       "        }\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"sankey\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"sankey\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"sankey\",\n",
       "                    \"name\": \"sankey\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6A\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6B\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6C\"\n",
       "                        }\n",
       "                    ],\n",
       "                    \"links\": [\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6A\",\n",
       "                            \"target\": \"\\u5546\\u5bb6B\",\n",
       "                            \"value\": 87\n",
       "                        },\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6B\",\n",
       "                            \"target\": \"\\u5546\\u5bb6C\",\n",
       "                            \"value\": 149\n",
       "                        }\n",
       "                    ],\n",
       "                    \"left\": \"5%\",\n",
       "                    \"top\": \"5%\",\n",
       "                    \"right\": \"20%\",\n",
       "                    \"bottom\": \"5%\",\n",
       "                    \"nodeWidth\": 20,\n",
       "                    \"nodeGap\": 8,\n",
       "                    \"nodeAlign\": \"justify\",\n",
       "                    \"layoutIteration\": 32,\n",
       "                    \"orient\": \"horizontal\",\n",
       "                    \"draggable\": true,\n",
       "                    \"focusNodeAdjacency\": false,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 0.2,\n",
       "                        \"curveness\": 0.5,\n",
       "                        \"type\": \"solid\",\n",
       "                        \"color\": \"source\"\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"2015\\u5e74\\u5546\\u5e97\\uff08A, B, C\\uff09\\u8425\\u4e1a\\u989d\\u5dee\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"sankey\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"sankey\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"sankey\",\n",
       "                    \"name\": \"sankey\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6A\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6B\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6C\"\n",
       "                        }\n",
       "                    ],\n",
       "                    \"links\": [\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6A\",\n",
       "                            \"target\": \"\\u5546\\u5bb6B\",\n",
       "                            \"value\": 92\n",
       "                        },\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6B\",\n",
       "                            \"target\": \"\\u5546\\u5bb6C\",\n",
       "                            \"value\": 87\n",
       "                        }\n",
       "                    ],\n",
       "                    \"left\": \"5%\",\n",
       "                    \"top\": \"5%\",\n",
       "                    \"right\": \"20%\",\n",
       "                    \"bottom\": \"5%\",\n",
       "                    \"nodeWidth\": 20,\n",
       "                    \"nodeGap\": 8,\n",
       "                    \"nodeAlign\": \"justify\",\n",
       "                    \"layoutIteration\": 32,\n",
       "                    \"orient\": \"horizontal\",\n",
       "                    \"draggable\": true,\n",
       "                    \"focusNodeAdjacency\": false,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 0.2,\n",
       "                        \"curveness\": 0.5,\n",
       "                        \"type\": \"solid\",\n",
       "                        \"color\": \"source\"\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"2016\\u5e74\\u5546\\u5e97\\uff08A, B, C\\uff09\\u8425\\u4e1a\\u989d\\u5dee\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"sankey\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"sankey\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"sankey\",\n",
       "                    \"name\": \"sankey\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6A\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6B\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6C\"\n",
       "                        }\n",
       "                    ],\n",
       "                    \"links\": [\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6A\",\n",
       "                            \"target\": \"\\u5546\\u5bb6B\",\n",
       "                            \"value\": 77\n",
       "                        },\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6B\",\n",
       "                            \"target\": \"\\u5546\\u5bb6C\",\n",
       "                            \"value\": 63\n",
       "                        }\n",
       "                    ],\n",
       "                    \"left\": \"5%\",\n",
       "                    \"top\": \"5%\",\n",
       "                    \"right\": \"20%\",\n",
       "                    \"bottom\": \"5%\",\n",
       "                    \"nodeWidth\": 20,\n",
       "                    \"nodeGap\": 8,\n",
       "                    \"nodeAlign\": \"justify\",\n",
       "                    \"layoutIteration\": 32,\n",
       "                    \"orient\": \"horizontal\",\n",
       "                    \"draggable\": true,\n",
       "                    \"focusNodeAdjacency\": false,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 0.2,\n",
       "                        \"curveness\": 0.5,\n",
       "                        \"type\": \"solid\",\n",
       "                        \"color\": \"source\"\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"2017\\u5e74\\u5546\\u5e97\\uff08A, B, C\\uff09\\u8425\\u4e1a\\u989d\\u5dee\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"sankey\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"sankey\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"sankey\",\n",
       "                    \"name\": \"sankey\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6A\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6B\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6C\"\n",
       "                        }\n",
       "                    ],\n",
       "                    \"links\": [\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6A\",\n",
       "                            \"target\": \"\\u5546\\u5bb6B\",\n",
       "                            \"value\": 47\n",
       "                        },\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6B\",\n",
       "                            \"target\": \"\\u5546\\u5bb6C\",\n",
       "                            \"value\": 44\n",
       "                        }\n",
       "                    ],\n",
       "                    \"left\": \"5%\",\n",
       "                    \"top\": \"5%\",\n",
       "                    \"right\": \"20%\",\n",
       "                    \"bottom\": \"5%\",\n",
       "                    \"nodeWidth\": 20,\n",
       "                    \"nodeGap\": 8,\n",
       "                    \"nodeAlign\": \"justify\",\n",
       "                    \"layoutIteration\": 32,\n",
       "                    \"orient\": \"horizontal\",\n",
       "                    \"draggable\": true,\n",
       "                    \"focusNodeAdjacency\": false,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 0.2,\n",
       "                        \"curveness\": 0.5,\n",
       "                        \"type\": \"solid\",\n",
       "                        \"color\": \"source\"\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"2018\\u5e74\\u5546\\u5e97\\uff08A, B, C\\uff09\\u8425\\u4e1a\\u989d\\u5dee\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"sankey\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"sankey\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"sankey\",\n",
       "                    \"name\": \"sankey\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6A\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6B\"\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5546\\u5bb6C\"\n",
       "                        }\n",
       "                    ],\n",
       "                    \"links\": [\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6A\",\n",
       "                            \"target\": \"\\u5546\\u5bb6B\",\n",
       "                            \"value\": 73\n",
       "                        },\n",
       "                        {\n",
       "                            \"source\": \"\\u5546\\u5bb6B\",\n",
       "                            \"target\": \"\\u5546\\u5bb6C\",\n",
       "                            \"value\": 127\n",
       "                        }\n",
       "                    ],\n",
       "                    \"left\": \"5%\",\n",
       "                    \"top\": \"5%\",\n",
       "                    \"right\": \"20%\",\n",
       "                    \"bottom\": \"5%\",\n",
       "                    \"nodeWidth\": 20,\n",
       "                    \"nodeGap\": 8,\n",
       "                    \"nodeAlign\": \"justify\",\n",
       "                    \"layoutIteration\": 32,\n",
       "                    \"orient\": \"horizontal\",\n",
       "                    \"draggable\": true,\n",
       "                    \"focusNodeAdjacency\": false,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 0.2,\n",
       "                        \"curveness\": 0.5,\n",
       "                        \"type\": \"solid\",\n",
       "                        \"color\": \"source\"\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"2019\\u5e74\\u5546\\u5e97\\uff08A, B, C\\uff09\\u8425\\u4e1a\\u989d\\u5dee\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_702afb7fe2dd4438a2c61613a05d39c8.setOption(option_702afb7fe2dd4438a2c61613a05d39c8);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7fbcc94f2940>"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Sankey, Timeline\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "tl_8 = Timeline()\n",
    "names = (\"商家A\", \"商家B\", \"商家C\")\n",
    "nodes = [{\"name\": name} for name in names]\n",
    "for i in range(2015, 2020):\n",
    "    links = [\n",
    "        {\"source\": names[0], \"target\": names[1], \"value\": Faker.values()[0]},\n",
    "        {\"source\": names[1], \"target\": names[2], \"value\": Faker.values()[0]},\n",
    "    ]\n",
    "    sankey = (\n",
    "        Sankey()\n",
    "        .add(\n",
    "            \"sankey\",\n",
    "            nodes,\n",
    "            links,\n",
    "            linestyle_opt=opts.LineStyleOpts(opacity=0.2, curve=0.5, color=\"source\"),\n",
    "            label_opts=opts.LabelOpts(position=\"right\"),\n",
    "        )\n",
    "        .set_global_opts(\n",
    "            title_opts=opts.TitleOpts(title=\"{}年商店（A, B, C）营业额差\".format(i))\n",
    "        )\n",
    "    )\n",
    "    tl_8.add(sankey, \"{}年\".format(i))\n",
    "#tl.render(\"timeline_sankey.html\")\n",
    "tl_8.load_javascript()\n",
    "tl_8.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}
